<template>
	<view @click="action" :style="{width: '100%',display: 'flex','alignItems': 'center',background:background,justifyContent:'space-between',padding:'30rpx',marginBottom:'1rpx'}">
		<view style="display: flex;align-content: center;">
			<image :src="icon" style="width: 40rpx;height: 40rpx;" mode=""></image>
			<view style="margin-left: 10rpx;font-size: 30rpx;">{{name}}</view>
		</view>
		<view style="display: flex;align-content: center;">
			<text>{{value}}</text>
			<u-icon v-if="arrow" name="arrow-right"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		name:"cellitem",
		props:{
			background:{
				type:String,
				default:"none"
			},
			icon:{
				type:String,
				default:"/static/images/icon_set.png"
			},
			name:{
				type:String,
				default:""
			},
			value:{
				type:String,
				default:""
			},
			arrow:{
				type:Boolean,
				default:true
			},
			action:{
				type:Function
			}
		}
	}
</script>

<style>
</style>